<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Axios-Get练习</title>
	</head>
	<body>
		<script src="../js资源/axios.js"></script>
		<script>
            //编辑远程Ajax请求
            /*
				1.promise对象解决传统ajax中的回调地狱问题.
				2.Axios封装了promise对象,异步调用更加简洁
				3.常见请求类型 1.get(查) 2.post(form表单)
							  3.put(改) 4.delete(删除)
				4.分组: 用法相同 get/delete   post/put
				注意事项: 默认条件下通过浏览器只能发起Get请求!!!!
			 */

            /* 1.Axios入门案例-get请求
			   原始方式:   参数: 1.url地址  2.请求参数   3.回调函数
			   axios方式: 参数:  1.url地址  2.请求参数
						  关键字: then(回调函数)
			*/
            axios.get("http://localhost:8090/findAll")
                .then(function (result) {
                    //result返回值是一个promise对象.
                    console.log(result)
                    //动态获取服务器返回值使用result.data的方式
                    console.log(result.data)
                })
            //箭头函数--Lambda
            axios.get("http://localhost:8090/findAll")
                .then(result => console.log(result.data))

            axios.get("http://localhost:8090/getUserById?id=1")
                .then(result => console.log(result.data))

            let user = {
                name: '大乔',
                sex: '女'
            }
            axios.get("http://localhost:8090/getUserByNS", {params: user})
                .then(result => console.log(result.data))

            //RestFul请求  采用无状态（请求中不能出现动词）请求名称
            //相应的需要对应的请求方式 @GetMapping
            //需求：查询 name包含"君"
            axios.get("http://localhost:8090/User/君")
                .then(result => console.log(result.data))
            //需求：查询 name包含"王"，sex=男
            axios.get("http://localhost:8090/User02/王/男")
                .then(result => console.log(result.data))
		</script>
	</body>
</html>